<template>
  <div class="top-btn-one" @click="$emit('click')">
    <!-- <button><slot></slot></button> -->
    <van-button :loading="loading" class="c-button" type="primary"><slot></slot></van-button>
  </div>
</template>

<script lang="ts">
import { Vue, Component, Model } from "vue-property-decorator";
import { Button } from "vant";

@Component({
  name: "TopBtnOne",
  components: {
    VanButton: Button
  }
})
export default class TopBtnOne extends Vue {
  @Model("value", { type: Boolean }) private loading!: boolean;
  // private loading = true;
}
</script>

<style lang="less" scoped>
.top-btn-one {
  .c-button {
    width: 50px;
    height: 23px;
    line-height: 23px;
    background: rgba(255, 255, 255, 0.22);
    border-radius: 14px;
    color: white;
    text-align: center;
    border: 0;
    padding: 0;
  }
}
</style>
